/*
* @Author: Administrator
* @Date:   2018-09-09 19:58:45
* @Last Modified by:   Administrator
* @Last Modified time: 2018-09-10 21:00:21
*/
import React from 'react';
import { connect } from 'react-redux';
import { WriterWrapper, WriterItems, WriterTitle } from '../style.js';

class Writer extends React.Component {
  render () {
  	return (
  		<WriterWrapper>
  		  {
  		  	this.props.list.map((item) => {
  		  		return (
  		  			<WriterItems key={item.get('id')}>
		  		     <img className="writer-img" src={item.get('imgUrl')} /> 
		  		     <WriterTitle className="song">{item.get('title')}</WriterTitle>
		  		     <WriterTitle className="hong">{item.get('contain')}</WriterTitle>
		  		   </WriterItems>
  		  		)
  		  	})
  		  }
  		</WriterWrapper>
  	) 
  } 
}
const mapState = (state) => ({
	list: state.get('home').get('writerList')
})

export default connect(mapState,null)(Writer);